.countdownHolder{
	margin:0 auto;
	text-align:center;
    font-size: 30px;
    line-height: 50px;
    font-family:arial, sans-serif;
}
.mod_countbar .counttype{
    display: inline-block;
    margin-right: 20px;
    position: relative;
}
.mod_countbar .line{
    width: 100%;
    height: 1px;
    overflow: hidden;
    background-color: #eb0028;
    position: absolute;
    top:25px;
    left:0;
    z-index:101;
}
.mod_countbar .counttype:last-child{
    margin-right: 0;
}
.mod_countbar .typetext{
    display: block;
    line-height: 24px;
    font-size: 12px;
    font-weight: normal;
    color:#fff;
}
.mod_note{
    color:#fff;
    text-align: center;
    display: none;
}

.position{
	display: inline-block;
    width: 50px;
    height: 50px;
	overflow: hidden;
	position: relative;
    text-align: center;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    color:#eb0028;
    font-family:Arial, Verdana;
    z-index:100;
}
.runshadow{
  	position:absolute;
  	width:100%;
  	left:0;
  	top:0;
  	height:25px;
  	border-radius:5px 5px 0 0;
  	background-color: #cbcbcb;
    background-image: -moz-linear-gradient(bottom, #cdcdcd 0%, #fff 60.01%, #fff 100%);
	background-image: -o-linear-gradient(bottom, #cdcdcd 0%, #fff 60.01%, #fff 100%);
	background-image: -webkit-linear-gradient(bottom, #cdcdcd 0%, #fff 60.01%, #fff 100%);
	background-image: linear-gradient(bottom, #cdcdcd 0%, #fff 60.01%, #fff 100%); 
	z-index:1;
	 -moz-transform-origin: right 100%;
	 -webkit-transform-origin: right 100%;
	 transform-origin: right 100%;
}


.wobble2 {
  -webkit-animation-name: wobble2;
  -moz-animation-name: wobble2;
  animation-name: wobble2;
   background: rgba(0,0,0,0.1);
   -webkit-transform:rotate(45deg);

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-perspective: 100px;
    -moz-perspective: 100px;
    -ms-perspective: 100px;
    -o-perspective: 100px;
    perspective: 100px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    animation-timing-function:cubic-bezier(.93,.15,.94,.67)
}


@-webkit-keyframes wobble2 {
    0% {
        -webkit-transform: rotateX(0deg);
    }
    100% {
        -webkit-transform: rotateX(360deg);
    }
}
@-moz-keyframes wobble2 {
    from {
        -moz-transform: rotateX(0deg);
    }
    to {
        -moz-transform: rotateX(360deg);
    }
}
@keyframes wobble2 {
	from {
	    transform: rotateX(0deg);
	 }
	to { 
	    transform: rotateX(360deg);
	 }
}



.digit{
	position:absolute;
	color: #eb0027;
    font-size: 30px;
    display: block;
    width: 100%;
    text-align: center;
    z-index:100;
}

/**
 * You can use these classes to hide parts
 * of the countdown that you don't need.
 */

.countDays{ /* display:none !important;*/ }
.countDiv0{ /* display:none !important;*/ }
.countHours{}
.countDiv1{}
.countMinutes{}
.countDiv2{}
.countSeconds{}


.countDiv{
	display:inline-block;
	width:16px;
	height:1.6em;
	position:relative;
}

.countDiv:before,
.countDiv:after{
	position:absolute;
	width:5px;
	height:5px;
	background-color:#444;
	border-radius:50%;
	left:50%;
	margin-left:-3px;
	top:0.5em;
	box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5);
	content:'';
}

.countDiv:after{
	top:0.9em;
}